<!-- companyInfo -->
<template>
  <div class="content has_breadcrumb">
    <base-breadcrumb
      :data="[
        {
          routeName: 'users',
          name: 'Users',
        },
        {
          name: 'Ada Yeo',
        },
      ]"
      slot="breadcrumb"
    />
    <GgPage pageType="2" title="Settings">
      <template v-slot:left>
        <gg-flex-menus
          :menus="menuDatas"
          @select="menuSelect"
          :default-active="activeIndex"
        />
      </template>
      <Section title="Company info" :hasFooter="true">
        <div slot="icon" class="sectionIcon"></div>
        <div>section icon 是自己传入的icon元素，样式自定义的，</div>
        <span slot="footer">
          <gg-cancel-button @click="isDialogShow1 = false"
            >Cancel</gg-cancel-button
          >
          <gg-submit-button @click="isDialogShow1 = false"
            >Confirm</gg-submit-button
          >
        </span>
      </Section>
    </GgPage>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      menuDatas: [
        {
          name: "General",
          key: "general",
          menuIcon: "general",
        },
        {
          name: "Users",
          key: "settingUsers",
          menuIcon: "users",
        },
        {
          name: "Companies",
          key: "companies",
          menuIcon: "Locations",
        },
      ],
      activeIndex: "general",
    };
  },
  methods: {
    menuSelect(key) {
      this.activeIndex = key;
      this.$router.push({ name: key });
    },
  },
  created() {},
};
</script>
<style lang='less' scoped>
//@import url(); 引入公共css类
</style>